.reco-waline-wrapper {
  @apply lg:max-w-screen-md xl:max-w-screen-lg mx-auto px-4;
  @apply md:px-10;
  border-top: 1px solid transparent;
}

.reco-waline-wrapper .wl-panel {
  @apply dark:bg-reco-bg-darkmode-code !important;
  @apply dark:border-reco-border-darkmode !important;
}

.wl-editor:focus,
.wl-input:focus {
  @apply bg-reco-bg-lightmode-code;
  @apply dark:bg-reco-bg-darkmode-code !important;
  @apply dark:border-reco-border-darkmode !important;
}

.wl-action:hover,
.wl-action.actived {
  @apply text-reco-primary/90;
}

.wl-btn:hover,
.wl-btn:active {
  @apply border-reco-primary text-reco-primary/90;
}

.wl-btn.primary {
  @apply border-reco-primary bg-reco-primary;
}

.wl-btn.primary:hover,
.wl-btn.primary:active {
  @apply border-reco-primary bg-reco-primary;
}
